body {
    min-width: 1226px;
}
.top {
    /* position: absolute; */
    width: 100%;
    height: 120px;
    min-width: 1226px;
    background-image: url(../images/顶部.png);
    background-repeat: no-repeat;
    background-size: auto 120px;
    background-position: 50%;
}

/* 导航栏部分 */
.nav {
    width: 100%;
    height: 40px;
    background-color: rgb(51,51,51);
}
.nav .nav-content{
    position: relative;
    width: 1226px;
    height: 100%;
    /* background-color: skyblue; */
    margin: auto;
}
/* 左边 */
.nav .nav-content .nav-content-left li {
    float: left;
    line-height: 40px;
    font-size: 12px;
    padding-left: 8px;
}

.nav .nav-content .nav-content-left li a {
    color: rgb(190, 185, 185);
    border-right: solid 1px rgb(78, 77, 77);
    padding-right: 8px;
}
.nav .nav-content .nav-content-left li:last-child a {
    border-right-width: 0;
}
/* 右边 */
.nav .nav-content .nav-content-right li{
    float:right;
    line-height: 40px;
    font-size: 12px;
    padding-left: 8px;
}
.nav .nav-content .nav-content-right li a {
    color: rgb(190, 185, 185);
    border-right: solid 1px rgb(78, 77, 77);
    padding-right: 8px;
}
.nav .nav-content .nav-content-right li:nth-child(-n+2) a{
    border-right-width: 0;
}
.nav .nav-content .nav-content-right li:first-child {
    margin: 0 0 0 14px;
    /* padding:0 10px; */
    background-color: rgb(66,66,66);
}

.nav .nav-content .nav-content-right li a span{
    float: left;
    font-size: 24px;
    text-indent: 4px;
}
.nav .nav-content .nav-content-right li a p {
    float: left;
}

.nav .nav-content li a:hover {
    color: white;
}

/* 滑动部分 */
.nav .nav-content .nav-content-right .shopslide {
    position: absolute;
    top: 40px;
    right: 0;
    width: 321px;
    height: 100px;
    line-height: 100px;
    font-size: 14px;
    text-align: center;
    color: rgb(85, 81, 81);
    background-color: white;
    box-shadow: 1px 4px 8px -1px rgba(85, 83, 83, 0.4);
    z-index: 3;
}

.shopcurrent{
    display: none;
}


/* 应用导航栏 */
/* 小米logo移动 */
.nav2 {
    /* position: relative; */
    width: 1226px;
    height: 100px;
    margin: 0 auto;
    /* background-color: skyblue; */
}

.nav2 .nav2-logo {
    float: left;
    width: 56px;
    height: 56px;
    margin: 22px 0;
    background-color: rgb(255,103,0);
    overflow: hidden;
}
.nav2 .nav2-logo .nav2-logo-box {
    width: 200%;
    height: 100%;
    transition: all .2s;
}
.nav2 .nav2-logo .nav2-logo-box:hover {
    margin-left: -56px;
}

.nav2 .nav2-logo .nav2-logo-box a img {
    float: left;
    /* width: 56px;
    height: 56px; */
    margin: 3.5px 3px;
}

/* 感恩动态图 */
.nav2 .nav2-thank img{
    float: left;
    margin: 22px 0 0 15px;
}

/* 中间的导航栏 */
.nav2 .nav2-center {
    float: left;
}
.nav2 .nav2-center ul li {
    float: left;
    line-height: 100px;
    padding: 0 10px;
}
.nav2 .nav2-center ul li a{
    color: black;
}
.nav2 .nav2-center ul li a:hover {
    color: orangered;
}
/* 导航栏隐藏部分 */
.nav2 .nav2-center-shadow {
    display: none;
    position: absolute;
    top: 260px;
    left: 0;
    width: 100%;
    height: 225px;
    background-color: white;
    border-top: 1px rgb(228, 220, 220) solid;
    box-shadow: 1px 5px 8px -1px rgba(85, 83, 83, 0.4);
    z-index: 3;
}
.nav2 .nav2-center-shadow ol {
    width: 1226px;
    height: 100%;
    margin: 0 auto;
}
.nav2 .nav2-center-shadow ol li {
    float: left;
    padding: 20px 0 30px 40px;
    text-align: center;
}
.nav2 .nav2-center-shadow ol li img {
    /* float: left; */
    width: 100px;
    height: 120px;
    padding-right: 40px;
    border-right: 1px rgb(228, 220, 220) solid;
}
.nav2 .nav2-center-shadow ol li a p:first-of-type {
    font-size: 12px;
    color: grey;
    text-indent: -40px;
}
.nav2 .nav2-center-shadow ol li a p:last-of-type {
    font-size: 12px;
    color: orangered;
    margin-top: 5px;
    text-indent: -40px;
}

/* 右边的搜索框 */
.nav2 .nav2-search {
    position: relative;
    float: right;
    margin: 22px 0;
}
.nav2 .nav2-search:hover input,.nav2 .nav2-search:hover span {
    border-color: grey;
}
.nav2 .nav2-search input {
    float: left;
    width: 245px;
    height: 50px;
    font-size: 14px;
    text-indent: 10px;
    border: 1px rgb(204, 200, 200) solid;
    border-right-width:0 ;
}
.nav2 .nav2-search span {
    float: left;
    height: 50px;
    width: 50px;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border: 1px rgb(204, 200, 200) solid;
    cursor: pointer;
}
.nav2 .nav2-search span:hover {
    color: white;
    background-color: rgb(255,103,0);
    border-color: rgb(255,103,0)!important;
}
/* 搜索框隐藏部分 */
.nav2 .nav2-search ul {
    display: none;
    position: absolute;
    top: 50px;
    width: 245px;
    /* background-color: skyblue; */
    border: 1px orangered solid;
    color:rgb(82, 78, 78);
    z-index: 2;
}
.nav2 .nav2-search ul li {
    font-size: 12px;
    text-indent: 14px;
    line-height: 20px;
    padding: 6px 0;
    cursor: pointer;
    background-color: white;
}
.nav2 .nav2-search ul li:hover {
    background-color: rgb(218, 218, 218);
}

/* 主体部分之轮播图 */
/* 左边导航部分 */
.body-movePicture {
    position: relative;
    width: 1226px;
    height: 462px;
    background-color: skyblue;
    margin: 0 auto;
}
.body-movePicture .body-movePicture-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 235px;
    height: 462px;
    background-color: rgba(161, 161, 161, 0.603);
    z-index: 2;
}
.body-movePicture .body-movePicture-left ul {
    margin: 20px 0;
}
.body-movePicture .body-movePicture-left ul li {
    padding: 10.5px 0;
    text-indent: 30px;
    cursor: pointer;
}
.body-movePicture .body-movePicture-left ul li:hover {
    background-color: orangered;
}
.body-movePicture .body-movePicture-left ul li a {
    color: white;
}
.body-movePicture .body-movePicture-left ul li a span:last-child {
    float: right;
    font-size: 20px;
    font-weight: 700;
    margin-right: 20px;
}

/* 左边隐藏部分 */
.body-movePicture .body-movePicture-left .body-movePicture-left-shadow {
    display: none;
    position: absolute;
    top: 0;
    left: 235px;
    width: 533px;
    height: 462px;
    background-color: white;
    box-shadow: 4px 5px 8px -1px rgba(85, 83, 83, 0.4);
    /* z-index: 3; */
}
.body-movePicture .body-movePicture-left .body-movePicture-left-shadow ol li {
    float: left;
    padding: 30px 120px 0 30px;
    font-size: 14px;
}
.body-movePicture .body-movePicture-left .body-movePicture-left-shadow ol li a img {
    float: left;
}
.body-movePicture .body-movePicture-left .body-movePicture-left-shadow ol li a span {
    float: left;
    color: black;
    line-height: 40px;
    text-indent: 20px;
    /* padding-bottom: 20px; */
}
.body-movePicture .body-movePicture-left .body-movePicture-left-shadow ol li a:hover span{
    color:orangered;
}

/* 右边轮播图 */
/* 左边小箭头 */
.body-movePicture .body-movePicture-right .body-movePicture-right-left {
    position: absolute;
    top: 196px;
    left: 235px;
    width: 40px;
    height: 70px;
    line-height: 70px;
    font-size: 46px;
    text-indent: -4px;
    color: rgb(189, 184, 184);
    /* color: rgb(202, 199, 199); */
    /* background-color: grey; */
    z-index: 1;
    cursor: pointer;
}
.body-movePicture .body-movePicture-right .body-movePicture-right-left:hover {
    background-color: rgba(109, 104, 104, 0.507); 
    color: rgb(248, 244, 244);
}
/* 右边小箭头 */
.body-movePicture .body-movePicture-right .body-movePicture-right-right {
    position: absolute;
    top: 196px;
    right: 0;
    width: 40px;
    height: 70px;
    line-height: 70px;
    font-size: 46px;
    /* text-indent: -4px; */
    color: rgb(189, 184, 184);
    /* color: rgb(202, 199, 199); */
    /* background-color: grey; */
    z-index: 1;
    cursor: pointer;
}
.body-movePicture .body-movePicture-right .body-movePicture-right-right:hover {
    background-color: rgba(109, 104, 104, 0.507); 
    color: rgb(248, 244, 244);
}

/* 小圆圈 */
.body-movePicture .body-movePicture-right .body-movePicture-right-circle {
    position: absolute;
    right: 36px;
    bottom: 30px;
    z-index: 1;
}
.body-movePicture .body-movePicture-right .body-movePicture-right-circle li {
    float: left;
    margin-left: 8px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: rgba(128, 128, 128, 0.733);
    border: 2px rgba(128, 128, 128, 0.685) solid;
    cursor: pointer;
}
.current {
    background-color: rgba(238, 232, 232, 0.699)!important;
}

.body-movePicture .body-movePicture-right ul li {
    position: absolute;
    top: 0;
    left: 0;
}
.body-movePicture .body-movePicture-right ul li img {
    width: 1226px;
    height: 462px;
}


/* 轮播图下面的图片 */

.body-picture {
    width: 1226px;
    height: 170px;
    /* background-color: pink; */
    margin: 15px auto 27px;
}
.body-picture .body-picture-left {
    float: left;
    width: 235px;
    height: 170px;
    /* background-color: skyblue; */
    background-color: rgb(95,87,80);
}
.body-picture .body-picture-left ul li {
    float: left;
    text-align: center;
    padding: 18px 11px 0;
    color: rgb(194, 184, 184);
    cursor: pointer;
}
.body-picture .body-picture-left ul li:hover {
    color: white;
}
.body-picture .body-picture-left ul li p:first-child {
    font-size: 30px;
}
.body-picture .body-picture-left ul li p:last-of-type {
    font-size: 14px;
}

.body-picture a img {
    float: left;
    width: 316px;
    height: 170px;
    margin-left: 14px;
}
.body-picture a img:hover {
    box-shadow: 1px 5px 20px 1px rgba(85, 83, 83, 0.4);
}

/* 侧边栏 */
.aside ul {
    position: fixed;
    right: 0;
    top: 340px;
    z-index: 5;
}
.aside ul li {
    width: 74px;
    height: 84px;
    text-align: center;
    border: 1px solid rgb(241, 241, 241);
    border-bottom-width:0;
    background-color: white;
    border-right-width: 0;
}
.aside ul li a:hover p {
    color: orangered!important;
}
.aside ul li:nth-of-type(n+5) {
    border: 1px solid rgb(241, 241, 241);
    border-right-width: 0;
}
.aside ul li:last-of-type {
    display: none;
    margin-top: 15px;
}
.aside ul li a p:first-child{
    font-size: 36px;
    margin-top: 12px;
    color: grey;
}
.aside ul li a p:last-child {
    font-size: 14px;
    color: grey;
}

/* 侧边栏隐藏部分 */
.aside .aside-shadow  {
    display: none;
}
.aside .aside-shadow .aside-shadow-body {
    position: fixed;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    top: 340px;
    right: 90px;
    width: 132px;
    height: 194px;
    background-color: rgb(240, 239, 239);
}
.aside .aside-shadow .aside-shadow-item {
    position: fixed;
    top: 370px;
    right: 70px;
    /* width: 20px;
    height: 20px; */
    border: 10px solid rgba(0, 0, 0, 0);
    border-left-color: rgb(240, 239, 239);
}
.aside .aside-shadow .aside-shadow-body img {
    width: 98px;
    height: 98px;
    margin-top: 20px;
}
.aside .aside-shadow .aside-shadow-body p {
    padding: 0 26px;
}

/* 主体部分 */

.content {
    width: 100%;
    background-color: rgb(245,245,245);
}

/* 小米快购 */
/* 头部样式 */
.content .quickShop {
    height: 544px;
    width: 1226px;
    margin: 0 auto;
    /* background-color: skyblue; */
}

.content .quickShop .quickShop-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
    width: 100%;
    /* background-color: skyblue; */
}
.content .quickShop .quickShop-top span {
    font-size: 24px;
    font-weight: 100;
}
.content .quickShop .quickShop-top div button {
    float: left;
    width: 36px;
    height: 25px;
    border: 1px solid rgb(197, 193, 193);
    cursor: pointer;
    color: rgb(161, 160, 160);
    font-size: 20px;
    font-weight: 700;
}
.content .quickShop .quickShop-top div button:hover {
    color: orangered;
}
.content .quickShop .quickShop-top div button:first-child {
    border-right-width: 0;
}

/* 中间样式 */
.content .quickShop .quickShop-center {
    position: relative;
    width: 100%;
    height: 342px;
    /* background-color: pink; */
    /* overflow: hidden; */
}
/* 235 340 */
.content .quickShop .quickShop-center .setTime {
    position: absolute;
    text-align: center;
    width: 235px;
    height: 341px;
    background-color: rgb(241,237,237);
    border-top: 1px red solid;
    z-index: 2;
}
.content .quickShop .quickShop-center .setTime p:first-of-type {
    margin-top: 60px;
    color: rgb(247, 9, 9);
    font-size: 20px;
}
.content .quickShop .quickShop-center .setTime img {
    margin-top: 33px;
}
.content .quickShop .quickShop-center .setTime p:last-of-type {
    margin-top: 28px;
    color: rgb(138, 134, 134);
}
.content .quickShop .quickShop-center .setTime ul {
    margin-top: 25px;
    margin-left: 29px;
}
.content .quickShop .quickShop-center .setTime ul li {
    float: left;
}
.content .quickShop .quickShop-center .setTime ul li:nth-of-type(2n+1) {
    width: 48px;
    height: 48px;
    background-color: rgb(96,87,81);
    line-height: 48px;
    font-size: 24px;
    color: white;
}
.content .quickShop .quickShop-center .setTime ul li:nth-of-type(2n) {
    font-size: 32px;
    padding: 0 5px;
}

/* 中间的一个轮播图 */
.content .quickShop .quickShop-center .movePic {
    position: relative;
    margin-left: 235px;
    width: 992px;
    height: 100%;
    /* background-color: skyblue; */
    overflow: hidden;
}
.content .quickShop .quickShop-center .movePic ul {
        /* z-index: 1; */
        position: absolute;
        left: 0;
        width: 300%;
}
.content .quickShop .quickShop-center .movePic ul li {
    float: left;
    width: 235px;
    height: 341px;
    border-top: 1px yellow solid;
    margin-left: 13px;
    text-align: center;
    background-color: white;
}
.content .quickShop .quickShop-center .movePic ul li a img {
    width: 145px;
    height: 150px;
    margin-top: 45px;
}
.content .quickShop .quickShop-center .movePic ul li a p:nth-of-type(1) {
    font-size: 14px;
    color: black;
    margin-top: 30px;
}
.content .quickShop .quickShop-center .movePic ul li a p:nth-of-type(2) {
    font-size: 14px;
    color: rgb(201, 193, 193);
    margin-top: 5px;
}
.content .quickShop .quickShop-center .movePic ul li a p:nth-of-type(3){
    margin-top: 10px;
    font-size: 14px;
}
.content .quickShop .quickShop-center .movePic ul li a p:nth-of-type(3) span:first-of-type {
    color: orangered;
}
.content .quickShop .quickShop-center .movePic ul li a p:nth-of-type(3) span:last-of-type {
    color: rgb(201, 193, 193);
    text-decoration: line-through;
}
.content .quickShop .quickShop-bottom {
    width: 100%;
    height: 120px;
    margin-top: 20px;
    background-color: yellow;
    cursor: pointer;
}

/* 手机模块 */
.content .iphone {
    width: 1226px;
    height: 828px;
    /* background-color: skyblue; */
    margin: 20px auto 0;
}

.content .iphone .iphone-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 58px;
    /* background-color: pink; */
}
.content .iphone .iphone-top>span  {
    font-size: 24px;
    font-weight: 100;
}
.content .iphone .iphone-top .iphone-top-right span:last-child {
    float: right;
    width: 24px;
    height: 22px;
    background-color: rgb(176,176,176);
    border-radius: 11px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin-left: 6px;
}
.content .iphone .iphone-top .iphone-top-right span {
    transition: all .5s;
}

.content .iphone .iphone-top .iphone-top-right {
    cursor: pointer;
}
.content .iphone .iphone-top .iphone-top-right:hover span:first-child {
    color: orangered;
}
.content .iphone .iphone-top .iphone-top-right:hover span:last-child {
    background-color: orangered;
}



.content .iphone .iphone-center {
    width: 100%;
    height: 614px;
    /* background-color: yellow; */
}
.content .iphone .iphone-center .iphone-center-left {
    float: left;
}
.content .iphone .iphone-center .iphone-center-left img {
    transition: all .3s;
}
.content .iphone .iphone-center .iphone-center-left img:hover {
    margin-top: -2px;
    box-shadow: 2px 2px 20px -5px rgba(59, 58, 58, 0.4);
}
.content .iphone .iphone-center .iphone-center-right ul {
    display: flex;
    flex-wrap: wrap;
    height: 614px;
    width: 980px;
    justify-content: space-between;
    align-content: space-between;
    padding-left: 12px;
}
.content .iphone .iphone-center .iphone-center-right ul li {
    width: 236px;
    height: 302px;
    text-align: center;
    background-color: white;
    transition: all .3s;
}
.content .iphone .iphone-center .iphone-center-right ul li:hover {
    margin-top: -2px;
    box-shadow: 2px 2px 20px -5px rgba(59, 58, 58, 0.4);
}
.content .iphone .iphone-center .iphone-center-right ul li a img {
    width: 150px;
    height: 156px;
    margin: 16px;
}
.content .iphone .iphone-center .iphone-center-right ul li a p:nth-of-type(1) {
    color: black;
    font-size: 14px;
}
.content .iphone .iphone-center .iphone-center-right ul li a p:nth-of-type(2) {
    color: rgb(182, 177, 177);
    font-size: 13px;
    margin-top: 5px;
} 
.content .iphone .iphone-center .iphone-center-right ul li a p:nth-of-type(3) {
    color: orangered;
    font-size: 13px;
    margin-top: 15px;
}


.content .iphone .iphone-bottom {
    width: 100%;
    height: 120px;
    margin-top: 36px;
    background-color: red;
    cursor: pointer;    
}

/* 家电模块 */
.content .homeEle {
    width: 1226px;
    height: 828px;
    /* background-color: skyblue; */
    margin: 20px auto 0;
}

.content .homeEle .homeEle-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 58px;
    /* background-color: pink; */
}
.content .homeEle .homeEle-top>span  {
    font-size: 24px;
    font-weight: 100;
}
.content .homeEle .homeEle-top .homeEle-top-right span {
    float: left;
    cursor: pointer;
}
.content .homeEle .homeEle-top .homeEle-top-right span:first-child {
    margin-right: 24px;
}
.current2 {
    color: orangered;
    border-bottom: 2px orangered solid;
    padding-bottom: 2px;
}




.content .homeEle .homeEle-center {
    width: 100%;
    height: 614px;
    /* background-color: yellow; */
}
.content .homeEle .homeEle-center .homeEle-center-left {
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 234px;
    height: 614px;
}
.content .homeEle .homeEle-center .homeEle-center-left img {
    cursor: pointer;
    transition: all .3s;
}
.content .homeEle .homeEle-center .homeEle-center-left img:hover {
    transform: translateY(-2px);
    box-shadow: 2px 2px 20px -5px rgba(59, 58, 58, 0.4);
}
.content .homeEle .homeEle-center .homeEle-center-right {
    float: left;
    height: 614px;
    width: 992px;
    /* overflow: hidden; */
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one {
    display: flex;
    flex-wrap: wrap;
    height: 614px;
    width: 980px;
    justify-content: space-between;
    align-content: space-between;
    padding-left: 12px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li {
    width: 234px;
    height: 300px;
    text-align: center;
    background-color: white;
    transition: all .3s;
}

.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li a img {
    width: 150px;
    height: 156px;
    margin: 16px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li a p:nth-of-type(1) {
    color: black;
    font-size: 14px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li a p:nth-of-type(2) {
    color: rgb(182, 177, 177);
    font-size: 13px;
    margin-top: 5px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li a p:nth-of-type(3) {
    color: orangered;
    font-size: 13px;
    margin-top: 15px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) {
    background-color: rgb(245,245,245);
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) ul {
    display: flex;
    width: 234px;
    height: 300px;
    flex-wrap: wrap;
    align-content: space-between;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) ul li {
    width: 234px;
    height: 145px;
    background-color: white;
    transition: all .3s;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) ul li:first-of-type a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-left: 20px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) ul li:last-of-type a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-left: 20px;
    margin-top: 40px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) ul li:last-of-type a div:first-of-type p:first-of-type {
    font-size: 20px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) ul li:last-of-type a div:last-of-type {
    font-size: 60px;
    color: orangered;
    margin-right: 20px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-one>li:nth-of-type(8) ul li a img {
    width: 98px;
    height: 95px;
}


.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two {
    /* display: flex; */
    display: none;
    flex-wrap: wrap;
    height: 614px;
    width: 980px;
    justify-content: space-between;
    align-content: space-between;
    padding-left: 12px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li {
    width: 234px;
    height: 300px;
    text-align: center;
    background-color: white;
    transition: all .3s;
}

.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li a img {
    width: 150px;
    height: 156px;
    margin: 16px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li a p:nth-of-type(1) {
    color: black;
    font-size: 14px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li a p:nth-of-type(2) {
    color: rgb(182, 177, 177);
    font-size: 13px;
    margin-top: 5px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li a p:nth-of-type(3) {
    color: orangered;
    font-size: 13px;
    margin-top: 15px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) ul li a img {
    width: 98px;
    height: 95px;
}

.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) {
    background-color: rgb(245,245,245);
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) ul {
    display: flex;
    width: 234px;
    height: 300px;
    flex-wrap: wrap;
    align-content: space-between;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) ul li {
    width: 234px;
    height: 145px;
    background-color: white;
    transition: all .3s;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) ul li:first-of-type a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-left: 20px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) ul li:last-of-type a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-left: 20px;
    margin-top: 40px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) ul li:last-of-type a div:first-of-type p:first-of-type {
    font-size: 20px;
}
.content .homeEle .homeEle-center .homeEle-center-right .homeEle-center-two>li:nth-of-type(8) ul li:last-of-type a div:last-of-type {
    font-size: 60px;
    color: orangered;
    margin-right: 20px;
}
.content .homeEle .homeEle-center .homeEle-center-right li:nth-of-type(-n+7):hover {
    transform: translateY(-2px);
    box-shadow: 2px 2px 20px -5px rgba(59, 58, 58, 0.4);
}
.content .homeEle .homeEle-bottom {
    width: 100%;
    height: 120px;
    margin-top: 36px;
    background-color: red;
    cursor: pointer;
}


/* 1226 345 */
/* 视频模块 */
.content .video {
    width: 1226px;
    height: 345px;
    /* background-color: pink; */
    margin: 20px auto 0;
    padding-bottom: 26px;
}
.content .video .video-top {
    width: 100%;
    height: 58px;
    /* background-color: skyblue; */
}
.content .video .video-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 58px;
    /* background-color: pink; */
}
.content .video .video-top>span  {
    font-size: 24px;
    font-weight: 100;
}
.content .video .video-top .video-top-right span:last-child {
    float: right;
    width: 24px;
    height: 22px;
    background-color: rgb(176,176,176);
    border-radius: 11px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 700;
    color: white;
    text-align: center;
    margin-left: 6px;
}
.content .video .video-top .video-top-right span {
    transition: all .5s;
}

.content .video .video-top .video-top-right {
    cursor: pointer;
}
.content .video .video-top .video-top-right:hover span:first-child {
    color: orangered;
}
.content .video .video-top .video-top-right:hover span:last-child {
    background-color: orangered;
}

.content .video .video-body {
    width: 100%;
    height: 287px;
    /* background-color: pink; */
}
.content .video .video-body ul {
    display: flex;
    width: 100%;
    height: 287px;
    justify-content: space-between;
}
.content .video .video-body ul li {
    position: relative;
    text-align: center;
    background-color: white;
    transition: all .3s;
}
.content .video .video-body ul li a p {
    font-size: 14px;
    color: black;
    margin-top: 28px;
}
.content .video .video-body ul li a span {
    position: absolute;
    top: 128px;
    left: 15px;
    font-size: 40px;
    color: white;
    transition: all .3s;
}
.content .video .video-body ul li:hover {
    transform: translateY(-3px);
    box-shadow: 2px 2px 20px -5px rgba(59, 58, 58, 0.4);
}
.content .video .video-body ul li:hover span {
    color: orangered;
}


/* 526 */
/* 底部样式 */
.footer {
    width: 100%;
    height: 425px;
    background-color: white;
}
.footer .footer-content {
    width: 1226px;
    height: 100%;
    /* background-color: skyblue; */
    margin: 0 auto;
}
.footer .footer-content .footer-content-top {
    width: 100%;
    height: 81px;
    /* background-color: pink; */
}
.footer .footer-content .footer-content-top ul {
    display: flex;
    width: 100%;
    height: 81px;
    /* justify-content: space-around; */
    /* justify-content: center; */
    align-items: center;
    border-bottom: 1px solid rgb(216, 211, 211);
}
.footer .footer-content .footer-content-top ul li:hover a span{
    color: orangered!important;
}
.footer .footer-content .footer-content-top ul li a span:first-child {
    font-size: 26px;
    vertical-align: -3px;
    margin-right: 3px;
    color: grey;
    margin-left: 55px;
    transition: all .3s;
}
.footer .footer-content .footer-content-top ul li a span:last-child {
    border-right: 1px solid rgb(216, 211, 211);
    padding-right: 60px;
    color: grey;
    transition: all .2s;
}
.footer .footer-content .footer-content-top ul li:last-child a span:last-child {
    padding-right: 0;
    border-right-width: 0;
}
.footer .footer-content .footer-content-center {
    overflow: hidden;
}
.footer .footer-content .footer-content-center .footer-content-center-left {
    float: left;
}
.footer .footer-content .footer-content-center .footer-content-center-left ul li {
    float: left;
    margin-top: 40px;
    padding-right: 100px;
}
.footer .footer-content .footer-content-center .footer-content-center-left ul li:last-of-type {
    border-right: 1px solid rgb(216, 211, 211);
    padding-right: 102px;
}
.footer .footer-content .footer-content-center .footer-content-center-left ul li dl dt {
    font-size: 14px;
    color: rgb(49, 49, 49);
    margin-bottom: 24px;
}
.footer .footer-content .footer-content-center .footer-content-center-left ul li dl dd {
    font-size: 12px;
    color: gray;
    margin-top: 12px;
    cursor: pointer;
}
.footer .footer-content .footer-content-center .footer-content-center-left ul li dl dd:hover {
    color: orangered;
}
.footer .footer-content .footer-content-center .footer-content-center-right {
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    width: 263px;
    height: 185px;
    /* background-color: skyblue; */
    box-sizing: border-box;
    padding: 0 20px;
}
.footer .footer-content .footer-content-center .footer-content-center-right p:first-of-type {
    font-size: 20px;
    color: orangered;
}
.footer .footer-content .footer-content-center .footer-content-center-right p:last-of-type {
    font-size: 12px;
    color: gray;
}
.footer .footer-content .footer-content-center .footer-content-center-right div:first-of-type {
    width: 120px;
    height: 30px;
    border: 1px orangered solid;
    line-height: 30px;
    text-align: center;
    color: orangered;
    font-size: 12px;
    margin-top: 5px;
    cursor: pointer;
    transition: all .3s;
}
.footer .footer-content .footer-content-center .footer-content-center-right div:first-of-type:hover {
    background-color: orangered;
    color: white;
}
.footer .footer-content .footer-content-center .footer-content-center-right div:last-of-type {
    margin-top: 10px;
}
.footer .footer-content .footer-content-center .footer-content-center-right div:last-of-type span:first-of-type{
    font-size: 12px;
    color: grey;
}
.footer .footer-content .footer-content-center .footer-content-center-right div:last-of-type span:nth-of-type(n+2) {
    font-size: 22px;
    color: rgb(59, 59, 59);
    cursor: pointer;
}
.footer .footer-content .footer-content-center .footer-content-center-right div:last-of-type span:nth-of-type(n+2):hover {
    color: orangered;
}
.footer .footer-content .footer-content-bottom {
    width: 1226px;
    height: 142px;
    /* background-color: skyblue; */
    margin-top: 15px;
}
.footer .footer-content .footer-content-bottom p {
    font-size: 14px;
    color: grey;
    line-height: 24px;
}
.footer .footer-content .footer-content-bottom p:nth-of-type(2) {
    margin-top: 15px;
}


